<template>
  <div>
    <el-cascader :options="options" v-model="values" @change="hChange"> </el-cascader>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {
      values:[],
      options:[
        {
          value:"1",
          label:"1",
          children:[
            {
              value:"1-1",
              label:"11",
              children:[
                {
                  value:"1-1-1",
                  label:"111",
                }
              ]
            },
            {
              value:"1-2",
              label:"12"
            }
          ]
        },
        {
          value:"2",
          label:"2",
          children:[
            {
              value:"2-1",
              label:"21"
            }
          ]
        }
      ]
    };
  },
  methods: {
    hChange:function(values){
      console.log("现在选中的数据是",values);
    },
  },
};
</script>
<style>
</style>